30天要到最後了！！！！！就來用socket disconnect做結束吧！

既然有登入，那就要有登出的更新吧～我原本沒看文件的時候想說在vue被destroy之前發送一個事件來做登出，但如果是直接把瀏覽器分頁關掉，就沒有發送到事件ＱＱ

後來看到socket自己有disconnect可以用

• socket
  用法就跟其他on事件一樣，只是它就固定叫做disconnect，然後就可以在裡面做斷線後要處理的事情，不過這個就沒有辦法傳資料進去

socket.on("disconnect", () => {
    // ...
});

登出後更新線上人列表

之前的login有另外記資料 匿名登入篇

const members = {}; 
const socketId = socket.id;

socket.on("login", (memberData, fn) => {
    const memberId = memberData.memberId;
    members[socketId] = memberData; // 把登入人的資料記起來
    members[socketId].socketId = socketId;
    fn();
    io.emit("uploadMember", members); // 更新sidebar的線上人列表
});

最後在斷線後刪除斷線人的資料，然後更新線上列表

socket.on("disconnect", () => {
    delete members[socketId];
    io.emit("uploadMember", members);
});

這樣就可以即時更新離線人的資料嚕～